<template>
  <div class="wrapper">
    <HaloWord ref="halo"/>
  </div>
</template>

<script>
import HaloWord from "./HaloWord.vue";
export default {
  name:"RefComponent",
  components:{
    HaloWord
  },
  props:{},
  data(){
    return {
    }
  },
  watch:{},
  computed:{},
  methods:{},
  created(){},
  mounted(){
    this.$refs.halo.message = "Hello Vue from RefComponent!"
  }
}
</script>
<style scoped>
.wrapper{}
</style>